<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let ajax = {
            get: function({
                url,
                data
            }) {
                return new Promise((res, rej) => {
                    let x = new XMLHttpRequest();
                    // {c:'i'} => c=i
                    let str = Object.keys(data).map(item => `${item}=${data[item]}`).join('&');
                    x.open('get', url + '?' + str);
                    x.send();
                    x.onreadystatechange = function() {
                        if (x.readyState === 4) {
                            if (x.status >= 200 && x.status < 300) {
                                res({
                                    code: 200,
                                    msg: "获取成功",
                                    data: JSON.parse(x.response)
                                })
                            } else {
                                rej(x.status)
                            }
                        }
                    }
                })
            },
            post: function() {

            }
        }

        // ajax.get({
        //     url: 'https://v1.hitokoto.cn',
        //     data: {
        //         c: 'c'
        //     }
        // }).then(({
        //     data: {
        //         hitokoto
        //     }
        // }) => {
        //     console.log(hitokoto);
        // });


        async function fn() {
            let {
                data: {
                    hitokoto
                }
            } = await ajax.get({
                url: 'https://v1.hitokoto.cn',
                data: {
                    c: 'f'
                }
            })

            console.log(hitokoto);
        }
        fn()
    </script>
</body>

</html>